@charset "utf-8";
/*全局*/
body{font-size:12px;margin:0;padding:0; font-family:12px/1.5 tahoma,arial,宋体;word-break:break-all;}
ul,ol{ list-style:none; margin:0;padding:0;}
ul li{ float:left;}
p,dl,dt,dd,ins,h1,h2,h3,h4{margin:0;padding:0;}
.clr{ display:block; clear:both; overflow:hidden; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:'\20'; display:block; overflow:hidden; height:0; clear:both;}
img{border:0;}
a{color:#4D4D4D; text-decoration:none;}
a:hover{color:#ff6600;}
a:active{star:expression(this.onFocus=this.blur());}/*去除ie下超链接虚线框*/
:focus{ outline:0;}/*去除火狐下超链接的虚线框*/
.w100w{ width:100%; clear:both;}
.w1200{ width:1200px; margin:auto;}
.w1198{ width:1198px; margin:auto;}
.w1000{ width:1000px; margin:auto;}
.pstr{ position:relative;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mr10{ margin-right:10px;}
.mb10{ margin-bottom:10px;}
.pl10{ padding-left:10px;}
.pr10{ padding-right:10px;}
.padding10 { padding: 10px; }
.alignl{ text-align:left;}
.alignc{ text-align:center;}
.fff{ color:#fff;}
.psr{ position:relative;}

/*content*/
.content { padding-top:10px;}
.content .left{ float:left; width:190px;}
.content .right{ float:right; width:1000px;} 
.content .right1{ float:right; width:800px;}
.content .right .middle{ float:left; width:730px;}
.content .right .side{ float:right; width:260px;}


/*header*/
#header{}
#header .logo{float: left;  height: 110px;  width: 305px;}
#header .logo img {    margin-top: 25px;}
#header .search{ margin-left: 30px; float: left; margin-top: 30px; width: 600px;    z-index: 98;}
#header .search-box{ background: none no-repeat scroll 0 -160px transparent; border: 2px solid #1F409E;  height: 30px;    width: 600px;}
#header .search-input{background: url(../images/btn.png) no-repeat scroll -80px -420px transparent;border: medium none;  color: #666666;  float: left;  height: 18px;  line-height: 18px;  margin-top: 2px; padding: 5px 0 5px 26px;   width: 350px;}
#header .search-btn{background: url(../images/btn.jpg) no-repeat scroll 0 0 #FFAD01;    border: medium none;  cursor: pointer;  float: right;  height: 28px;  margin: 1px 1px 0 0;  text-indent: -10000em; width:111px;}
#header .search-btn:hover,#header .search-btn .hover{ background-position:0 -32px;}
#header .select_js {float: left;  position: relative;  width: 83px; height:30px; z-index:10; cursor:pointer;}
#header .select_js p { background: none repeat scroll 0 0 #F1F9FF; border-right: 2px solid #C7E5FF;  font-size: 12px;   font-weight: 400;    height: 30px;    line-height: 30px;    padding-left: 8px;}
#header .select_js .ico {  border-color: #666666 #F1F9FF #F1F9FF;  border-style: solid;  border-width: 4px;  font-size: 0;   height: 0; line-height: 0;  position: absolute;  right: 5px;    top: 12px;    width: 0;}
#header .select_js ul {  display:none; background: none repeat scroll 0 0 #FFFFFF;  border-bottom: 2px solid #1F409E;  border-left: 2px solid #1F409E;  border-right: 2px solid #1F409E;  box-shadow: 1px 2px 2px #999999;  left: -2px;    position: absolute;    width: 81px;}
#header .select_js ul li {  height: 24px;  line-height: 24px;   text-indent: 8px; width:81px; cursor:pointer;}
#header .select_js .search_nonce { background:#F6F6F6; }
#header .topimg{ float: right; height: 95px;}
#header .topimg img{ margin-top:20px; margin-right:20px;}
#header .hot-word{ height:30px; line-height:30px; padding-left:12px;}
#header .hot-word a{ padding:0 2px;}

/*nav*/
.nav{background: none repeat scroll 0 0 #1F409E; height: 36px; border-radius:4px 4px 0 0;}

.nav ul{background: url(../images/com_bg2.png) no-repeat scroll -190px -210px #1F409E; float: left; height:36px; width: 560px;  }
.index ul{ width:760px;}
.nav ul li{display: inline; float: left;font-size: 14px;  font-weight: bold; height:36px; line-height:36px; margin-right:5px;}
.nav ul li a { display:inline-block;color: #fff; height:36px; text-decoration:none;cursor:pointer;padding:0 15px; font:bold 15px/40px "microsoft yahei";line-height:36px;}
.nav ul li a:hover,.nav ul li a.on{ background: url(../images/navbg.png) repeat-x;}
.nav .myCart {float: right;  height: 28px;  margin-top: 4px; width: 196px; margin-right:10px;}
.nav .myCart .goodsNum {background: url(../images/com_bg2.png) no-repeat scroll 0 -290px transparent;   cursor: default;  float: left;  height: 28px;    line-height: 28px;    position: relative;    width: 124px;}
.nav .myCart .goodsNum .tTitle {padding-left:35px; font-size:14px;}
.nav .myCart .goodsNum .tTitle strong {  color: #FF6600;    padding-right: 4px;}
.nav .myCart .navPay a {  background: url(../images/com_bg2.png) no-repeat scroll -158px -290px transparent;    color: #FFFFFF;    display: inline-block;    font-weight: bold;    height: 28px;    line-height: 26px;    padding-left: 12px; width: 60px;}

/*category*/
.category {width: 186px; text-align:left; position:relative; z-index:98; color:#fff; border:2px solid #1F409E; border-top:none;}
.category .title { background: url(../images/repeatX.png) no-repeat scroll left -270px #FEA501;font-family: "Microsoft YaHei";  font-size: 15px;    height: 30px;    line-height: 30px;    overflow: hidden;}
.category .title a{ color:#fff; padding-left:10px; font-size:15px; font-weight:bold;}
.category .content {margin:0;padding:0;border-top:none;width: 186px; background-color:#FFF9F1;}
.category .content .item{text-align:left;height:35px; margin:0 8px 0 10px;}
.category .content .item h2{font-size:12px;font-weight:normal;padding:7px 10px; position:absolute;border-width:1px 0 1px 1px; border-style:solid; border-color: #fff #fff #E8ECF5 #fff; height:19px;}
.category .content .item a{color:#000; font:normal; font-size:14px;display:block;line-height:18px; height:18px; width:148px; overflow:hidden}
.category .content .item a:hover{text-decoration:underline; color:#ff6600;}
.category .content .item .up{ display:none; }
.category .content .item .out{ display:none;}

.category .item i {background-image:url(../images/main.png);background-position: -577px -328px; position:absolute; top:10px; right:5px;height: 15px;width: 15px;overflow:hidden;}

.category .content .subcategory{width:380px;padding:10px;  background:#fff; float:left;min-height:500px; _height:500px; _overflow:visible; }
.category .content .subcategory dl{ border-top:1px dotted #ccc; padding:10px 0px; width:380px;}
.category .content .subcategory dt{ float: left; color:#333333;padding-left: 10px;width: 80px;}
.category .content .subcategory dd{float: left;width: 290px;}
.category .content .subcategory dd a { color: #333333; height:18px; line-height:18px; margin-bottom: 5px;  padding: 0 20px 0 0; white-space: nowrap; display:inline;}

.category .content .hotview{ float:right;width:150px;padding:10px;}
.category .content .hotview h3{ color:#333333; margin-bottom:10px;}
.category .content .hotview ul{color:#000; font:normal;}
.category .content .hotview li{ background:url(../images/T1yx9kXhtKXXcpEPM5-129-469.png) no-repeat scroll -95px -210px transparent;  height: 22px;  line-height: 22px;  overflow: hidden;    padding-left: 8px; width:60px; float:left;   }
.category .content .hotview li a{ color:#666666; display:inline;}

.category .content .hover h2,.category .content .item:hover h2{font-weight:normal;padding:7px 10px; line-height:18px; border-color:#1F409E; background:#fff; z-index:300;}
.category .content .hover h2 a,.category .content .item:hover h2 a{}
.category .content .hover .out,.category .content .item:hover .out{ z-index:99; background:#fff; display:block; position:absolute; left:179px; top:0px; width:580px; overflow:hidden; border:1px solid #1F409E;min-height:500px; _height:500px; _overflow:visible; background-color:#FFF6E2;}
.category .content .hover,.category .content .item:hover{ _height:33px; }
.category .content .hover .up,.category .content .item:hover .up{ display:block;width:10px; height:33px; background:#fff; position:absolute; right:-2px; top:0; z-index:100;}
.category .content .hover i,.category .content .item:hover i{ display:none}

#allsort { float: left;  height: 36px;  position: relative;  width: 190px;    z-index: 999;}
#allsort h3 { background: url(../images/com_bg2.png) repeat scroll 0 -210px transparent;color: #FFFFFF;  display: block;  font: bold 15px/36px Microsoft YaHei;  height: 36px;    text-indent: 16px;    width: 190px; position:relative;}
#allsort h3 i { background: url(../images/com_bg2.png) repeat scroll -121px -20px transparent; height: 20px;  width: 15px; position:absolute; right:15px; top:5px;}
#allsort h3 i.ihover{ background-position:-141px -20px;}
#allsort h3 a{ color: #FFFFFF;  padding-left: 10px;}
#allsort-list{ display:none;  background: none repeat scroll 0 0 #FFF9F1;left: 0;    position: absolute; top:36px;    width: 188px;}
#allsort .content .subcategory{width:560px;padding:10px;  background:#fff; float:left;}
#allsort .content .subcategory dl{ border-top:1px dotted #ccc; padding:10px 0px; width:560px;}
#allsort .content .subcategory dt{ float: left; color:#333333;padding-left: 10px;width: 80px;}
#allsort .content .subcategory dd{float: left;width: 450px;}
#allsort .content .hover .out,#allsort .content .item:hover .out{ background:#fff;}